<!--忘记密码重置页面-->
<template>
  <div class="login">
    <!--通用头部-->
    <Returnheader>
      <div slot="returnheader-title" class="returnheader-title">忘记密码</div>
      <div slot="returnheader-left" class="returnheader-left"><img src="../../assets/back_black.png"></div>
    </Returnheader>
    <!--登录信息输入-->
    <div class="login-input">
      <div class="login-input-user"><span>重置密码</span><input type="text" placeholder="请输入密码"/></div>
      <div class="login-input-user"><span>确认确认密码</span><input type="text" placeholder="请再次输入密码"/></div>
      <div class="login-input-bt"><router-link to="/loginsuccessreset">确认</router-link></div>
    </div>
  </div>
</template>

<script>
import Returnheader from '../../components/returnheader'
export default {
  name: 'Login',
  components : {Returnheader},
  data () {
    return {
    }
  },
  methods:{

  }
}
</script>
<style scoped>
  /*登录logo*/
  .login{position: absolute; height: 100%; width: 100%; background: #FFFFFF;}
  .login-logo{display: flex; align-items: center; justify-content: center; padding-top: 2.55rem;}
  .login-logo > img{width: 8.75rem;}
  /*登录信息输入*/
  .login-input{padding: 1.55rem 0.95rem;}
  .login-input-user{border-bottom: 1px #F4F4F4 solid; display: flex; align-items: center;}
  .login-input-user > input{width: 100%; border: none; height: 2rem; line-height: 2rem; outline: none;}
  .login-input-user > span{font-size: 0.6rem; color: #666666; width: 5.5rem; padding-left: 0.55rem; margin-right: 0.55rem}
  .login-input-bt{margin-top: 1.35rem; text-align: center; width: 100%; height: 2.25rem; line-height: 2.25rem; color: #FFFFFF; background: #37B3FF; border-radius: 0.75rem; font-size: 0.7rem}
  .login-input-bt > a{color: #FFFFFF; display: block}
</style>
